<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./styles/login.css">
    <link rel="stylesheet" href="./font_edk6hx54dm7/iconfont.css">
</head>

<body>
    <div class="desk">
        <div class="left">  
            <img src="./images/desk-left.jpg" alt="">         
        </div>
        <div class="right">
            <div class="header">
                <div class="title">                    
                    <a href="./index.html"><img src="./images/logo-mi2.png" alt=""></a>
                    <span>小米账号</span>
                    
                </div>
                <div class="nav">
                    <a href="javascript:;">用户协议</a>
                    <a href="savascript:;">隐私政策</a>  
                    <a href="savascript:;">帮助中心</a> 
                    <span>|</span>   
                    <a href="javascript:;" class="active">中文(简体)
                    </a>
                    <em class="iconfont icon-tabxiala"></em>
                </div>
            </div>

            <div class="center"> 
                <div class="center-center">
                        <!-- <span class="iconfont icon-qrcode center-top"></span> -->
                    <div class="center-center-body">
                        <form action="../interface/1login.php" method="post" class="form">
                            <div class="center-center-header">
                                <div class="center-center-header-box">
                                    <span class="active"><a href="./login.html">登录</a></span>
                                    <span><a href="./register.html">注册</a></span>
                                    <div class="center-border"></div>
                                </div>
                            </div>
                            <div class="center-center-center">
                                <div class="center-center-caccount">
                                    <input type="text" placeholder="请输入账号" id="username" name="username">
                                    <!-- <label for="username">邮箱/手机号码/小米ID</label> -->
                                    <div class="center-center-caccount1">请输入账号</div>
                                </div>
    
                                <div class="center-center-power">
                                <input type="password" placeholder="密码" id="password" name="password">
                                <span class="iconfont icon-yincangmima"></span>
                                <!-- <label for="password">密码
                                    
                                </label> -->
                                <div class="center-center-power1">
                                    请输入登录密码
                                </div>
                                </div>
    
                                
    
                                <div class="center-center-agreemen">
                                    <span>
                                        <input type="checkbox" >
                                    </span>
                                    已阅读并同意小米账号
    
                                    <a href="">用户协议</a>
                                    和
    
                                    <a href="">隐私政策</a>
                                </div>
    
                                <button class="center-login" type="submit"><span>登录</span></button>
    
                                <div class="center-forget">
                                    <a href="javascript:;">忘记密码？</a>
                                    <a href="javascript:;" class="center-tel">手机号登录</a>
                                </div>
                            </div>
                        

                        <div class="center-center-floor">
                            <div class="center-other">
                                其他登录方式
                            </div>
                            <div class="center-other-login">
                                <span class="iconfont icon-alipay" style="color:rgb(9, 106, 241);"></span>
                                <span class="iconfont icon-weixin" style="color:rgb(11, 128, 0);"></span>
                                <span class="iconfont icon-qq-copy-copy" style="color:rgb(90, 175, 236);"></span>
                                <span class="iconfont icon-weibo1" style="color:rgb(255, 77, 0);"></span>
                            </div>
                        </div>
                    </form>
                    </div>
                </div>
            </div>


            <div class="floor">
                <div class="floor-records">
                    
                    小米公司版权所有-京ICP备10046444-<a href="">京公网安备11010802020134号</a>-京ICP证110507号
                    
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/login.js" type="module"></script>
</html>